import * as echarts from 'echarts'

// let base = +new Date(1968, 9, 3)
// let oneDay = 24 * 3600 * 1000
// let date = []
// let data = [Math.random() * 300]
// for (let i = 1; i < 200; i++) {
//   var now = new Date((base += oneDay))
//   date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'))
//   data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1]))
// }
// console.log(date)

const Line6Option = ({ xAxistime, seriesdata, dataColor, legendData }) => {
  let options = {
    tooltip: {
      trigger: 'axis',
      confine: 'true',
    },
    grid: {
      top: 20,
      left: 20,
      right: 20,
      bottom: 50,
      containLabel: true,
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: xAxistime,
    },
    legend: {
      itemWidth: 16, //图形宽度
      bottom: 0,
      type: 'plain',
      itemHeight: 14, //图形高度
      orient: 'horizontal',
      align: 'auto',
      width: '280px', // 图例组件的宽度。默认自适应
      height: 'auto', // 图例组件的高度。默认自适应
      itemGap: 5,
      data: legendData,
      itemStyle: {
        borderCap: 'butt', //线段末端的绘制，butt方形/round圆形/square也是方形效果与butt不同
      },
      textStyle: {
        color: '#666', // 文字的颜色
        fontSize: 12, // 文字字体大小
        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
        verticalAlign: 'left', // 文字垂直对齐方式，默认自动（'top'，'middle'，'bottom'
      },
    },
    yAxis: {
      type: 'value',
      minInterval: 1,
    },
    series: seriesdata.map((item, index) => {
      return {
        name: item.name,
        type: 'line',
        symbol: 'none',
        zlevel: 1,
        // sampling: 'lttb',
        itemStyle: {
          color: dataColor[index],
        },
        areaStyle: {
          color: dataColor[index],
        },
        data: item.value,
      }
    }),
  }
  return options
}

export { Line6Option }
